<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
<script>
//while 循环 
        /* while,中文 当…时, 其实就是当满足条件时就执行代码,一旦不满足了就不执行
        语法:
            while(条件){
                满足条件时执行;
            }
            因为满足条件就执行 就是条件为true是执行,如果条件一直为真就会一直执行下去
            所有我们需要有一个边界,就是退出循环的值

        需要的四个条件：
            a.初始值；
            b.条件判断；
            c.要执行的代码；
            d.自身的改变
        */
        //代码示例 
        //1 初始值
                    var num = 0;
                    //2 条件判断
                    while(num<10){
                        //3 要执行的代码
                        console.log('当前的num值是'+num);           
                        //4 自己的改变
                        num += 1;
                    }
        // 当前的num值是0
        // 当前的num值是1
        // 当前的num值是2
        // 当前的num值是3
        // 当前的num值是4
        // 当前的num值是5
        // 当前的num值是6
        // 当前的num值是7
        // 当前的num值是8
        // 当前的num值是9

        //计算1到10的累加和 
        //需要一个变量记录加数:1-10,还需要一个变量记录和:sum = 0+1+2+3+4…+10
        //n是初始值,值为1
                var n = 1;
                var sum = 0;
                //条件判断
                while(n<11){
                    //要执行的代码
                    sum += n;
                    //自身的改变
                    n++;
                }
                console.log(sum)  //55


//do…while循环：
    /*
        1.是一个和while非常类似的循环
        2.while会先进行条件判断,满足执行,不满足就不执行了
        3.但是do…while循环是,先不管条件,先执行一次,然后再开始进行条件判断
        4.语法:
            do{
                要执行的代码
            }while(条件）
    */
    //代码示例  

    do{
 		console.log('我执行了do..while代码')
             }while(false);    
    //我执行了do..while代码 
    //计算1到10的累加和
            var n = 1;//n是初始值
            var sum = 0;
            do{
                //要执行的代码
                sum = sum + n;
                //自己的改变
                n++;
			}while(n<11)
            console.log(sum);


// while和do…while的区别: ?
// 1.while会先进行条件判断,满足执行,不满足就不执行了。
// 2.但是do…while循环是,先不管条件,先执行一次,然后再开始进行条件判断。


// for循环：
/*
1.和while和do while循环都不太一样的一种循环结构
2.道理是一样的,都是在符合条件的基础下,循环执行代码的

3.语法
for(1 设置初始值;2 循环条件判断;4 自身的改变){
    3 要执行的代码
}
    for(var i=1;i<10;i++){
    console.log(i)
    }
*/

//案例:1-100的累加和:
 				var sum = 0;//记录1-100的累加和的变量
                for(var i=1; i<101; i++){
                    sum = sum + i;
                }
                console.log(sum)

//js提供了 break 和 continue 来改变循环的 控制流
    //break    最终循环    (跳出循环体)
    //continue 结束本次循环 (直接进行下次继续)
      //break&continue区别？
        //break可用于循环(for&while),跳出循环,也可用于switch
        //continue 只可以用于(for&while),结束本次循环
    //两个用法相似 区别是continue语句不会退出循环即重新执行循环语句                



//遍历数组中的所有数组元素
var arr = [1,2,3,2,23,'asdas','asd']
for(var index in arr){
    console.log(index)     //输出数组的下标
    console.log(arr[index]) //输出每一项

//遍历js对象中的所有属性
    var obj = {
        name:'卡哇伊',
        age:'12312',
        user:'男'
    }
    for(var index  in obj ){
        console.log(index)   	//输出key值
        console.log(obj[index]) //输出val值
    }


</script>